<template>
  <div class="contact">
    <div class="header">
      <span>联系我们(咨询列表)</span>
    </div>
    <el-table :header-cell-style="{ background: '#eef1f6', color: '#606266' }" :data="tableData" style="width: 100%">
      <el-table-column prop="id" label="序号" width="100" />
      <el-table-column prop="name" label="姓名" width="100" />
      <el-table-column prop="phone" label="电话" width="200" />
      <el-table-column prop="emil" label="邮箱" width="200" />
      <el-table-column prop="company" label="在职公司" width="200" />
      <el-table-column prop="content" label="咨询内容" width="200" />
      <el-table-column prop="time" label="咨询时间" width="200">
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { hqpermset } from "../../api/index.js";

const tableData = ref([])
console.log(hqpermset());
async function fn() {
  const res = await hqpermset();
  console.log(res);
  tableData.value = res
}
fn()

</script>

<style lang="less" scoped>
.header {
  width: 100%;
  height: 40px;
  padding: 5px;
  color: rgb(255, 153, 0);
  line-height: 30px;

  span {
    display: inline-block;
    width: 200px;
    height: 26px;
    border-left: 6px solid rgb(255, 153, 0);
    padding: 5px;
  }
}
</style>
